<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/bootstrap.js">
</script>
<script type="text/javascript" src="js/bootstrap.min.js">
</script>
<script type="text/javascript">
</script>
</head>

<body>
	<div class="header">
    	<div class="header-box">
        	<a href="#"><img src="img/logo.png"/></a>
            <div class="top-menu ">
           	  <ul class="menu-list">
                	<a href="">
                    	<li class="list-item">
                        	<i class="icon-search icon-white"></i>
                    		Tìm kiếm
                    	</li>
                    </a>
                   <a href="#">
                    	<li class="list-item">
                        	<i class=" icon-wrench icon-white"></i>
                    		Quản lý
                    	</li>
                    </a>
                    
                    	<li class="list-item">
                        	<i class="icon-list-alt icon-white"></i>
                    		Báo cáo/Thống kê
                           <div class="dropdown">
                              <!-- Link or button to toggle dropdown -->
                              <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                <li><a tabindex="-1" href="#">Action</a></li>
                                <li><a tabindex="-1" href="#">Another action</a></li>
                                <li><a tabindex="-1" href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a tabindex="-1" href="#">Separated link</a></li>
                              </ul>
                            </div>
                    	</li>
                    
                    
                </ul>
                <a href="#">
                    	<li style="float:right; margin-right:10px; color:#FFF; list-style:none">
                        	<i class="icon-cog icon-white"></i>
                    		Thoát
                    	</li>
                    </a>
          </div>
        </div>
     </div>
    <div class="page">
    	<div class="container-box">
             <!--Ba cột-->
			<div class="three-column">    	
                <div class="box">
                	<label for="">Số hóa hơn</label>
                    <div class="input-box">
                    <input type="text" />
                    </div>
                </div>
                <div class="box">
                	<label for="" >Người thực hiện</label>
                    <div class="input-box">
                    <input type="text" />
                    </div>
                </div>
                <div class="box">
                	<label for="" >Ngày Thực hiện</label>
                    <div class="input-box">
                    <input type="text" />
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="three-column">    	
                <div class="box">
                	<label for="">Số hóa hơn</label>
                    <div class="input-box">
                    <input type="text" />
                    </div>
                </div>
                <div class="box">
                	<label for="" >Người thực hiện</label>
                    <div class="input-box">
                    <input type="text" />
                    </div>
                </div>
                <div class="box">
                	<label for="" >Ngày Thực hiện</label>
                    <div class="input-box">
                    <input type="text" />
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            
            <!--<div class="sub-box">
            	 
            </div>-->
            <div class="button-box">
                <button class="btn">Reset</button>
                <button class="btn btn-success">Tạo hóa đơn</button>
            </div>
          </div>    
          
           <!--Bảng-->
            <div class="table-box">
                <table class="table table-bordered">
                    <tr>
                        <th>Mã</th>
                        <th>Mã</th>
                        <th>Mã</th>
                        <th>Mã</th>
                        <th>Mã</th>
                        <th>Mã</th>
                        <th>Tên</th>
                    </tr>
                    <tr>
                    	<td>1</td>
                        <td>1</td>
                        <td>1</td>
                        <td>1</td>
                        <td>1</td>
                        <td>1</td>
                        <td>Máy tính</td>
                    </tr>
                </table>
            </div>  
         
        <div align="center">
        	
        </div>  
        <div class="container-box">
        		<div class="box-title">
                	<button class="btn btn-success">Thêm thiết bị xuất</button>
                </div>
          		<!--Ba cột-->
                <div class="three-column">    	
                    <div class="box">
                        <label for="">Tên thiết bị</label>
                        <div class="input-box">
                        <input type="text" />
                        </div>
                    </div>
                    <div class="box">
                        <label for="" >Hóa đơn nhập</label>
                        <div class="input-box">
                        <input type="text" />
                        </div>
                    </div>
                    <div class="box">
                        <label for="" >Số lượng còn</label>
                        <div class="input-box">
                        <input type="text" />
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                 <!--Ba cột-->
                <div class="three-column">    	
                    <div class="box">
                        <label for="">Số lượng xuất</label>
                        <div class="input-box">
                        <input type="text" />
                        </div>
                    </div>
                    <div class="box">
                        <label for="" >Chi phí lắp đặt</label>
                        <div class="input-box">
                        <input type="text" />
                        </div>
                    </div>
                    <div class="box">
                        <label for="" >Chi phí vận chuyển</label>
                        <div class="input-box">
                        <input type="text" />
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="three-column">    	
                <div class="box">
                	<label for="">Chi phí chạy thử</label>
                    <div class="input-box">
                    <input type="text" />
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
          </div>
     </div>
       
   
    <div class="footer">
    </div>
</body>
</html>
